<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
		<link rel="stylesheet" type="text/css" href="bootstrap-4.6.2-dist/css/bootstrap.min.css"/>
		<link href="css/indext.css" rel="stylesheet" />
		<title>Xiao Shuo</title>
	</head>
	<body>
		<div class="container">
			<nav class="navbar navbar-expand-sm bg-white navbar-light">
			<ul class="navbar-nav ml-auto">
				<a class="navbar-brand text-danger" href="#">起点中文网 </a>
			<form class="form-inline my-2 my-lg-0 ml-auto">
				<input class="form-control mr-sm-0" type="search" placeholder="search" aria-label="search"/>
				<button class="btn btn-danger mr-3 " type="search">搜索</button>
				<a href="#" class="mr-2">登录/注册</a>
			</form>
			</ul>
		</nav>
		</div>
		<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
			<div class="container">
			<ul class="navbar-nav">
				<li class="nav-item">
				<a class="nav-link" href="index.html">主页</a>
				</li>
				<li class="nav-item">
				<a class="nav-link" href="index2.html">排行</a>
				</li>
				<li class="nav-item active">
				<a class="nav-link" href="#">免费</a>
				</li>
				<li class="nav-item">
				<a class="nav-link" href="#">人气榜</a>
				</li>
				<li class="nav-item dropdown">
			        <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-expanded="false">
			          更多
			        </a>
			        <div class="dropdown-menu">
			          <a class="dropdown-item" href="#">Action</a>
			          <a class="dropdown-item" href="#">Another action</a>
			          <a class="dropdown-item" href="#">Something else here</a>
			        </div>
			      </li>
			</ul>
			</div>
		</nav>
		<div class="container mt-2">
			<img src="img/mianfei.png" class="d-block w-100" />
			<div class="tab-content mt-2">
				<div class=" tab-pane fade show active" id="xuanhuan">
					<div class="row border">
					 	<div class="col-md-2"><img src="img/xuanhuan1.png" height="200px"> </div>
							<div class="col-md-10">
								<div class="row">
									<div class="col-md-10">
								<p>作者：辰东</p>
								<p>主角：叶凡</p>
							<p>冰冷与黑暗并存的宇宙深处，九具庞大的龙尸拉着一口青铜古棺，
							亘古长存。这是太空探测器在枯寂的宇宙中捕捉到的一幅极其震撼的画
							面。九龙拉棺，究竟是回到了上古，还是来到了星空的彼岸？一个浩大的
							仙侠世界，光怪陆离，神秘无尽。热血似火山沸腾，激情若瀚海汹涌，
							欲望如深渊无止境……登天路，踏歌行，弹指遮天。
							</p>
							</div>
							<div class="col-md-2" id="yuan">
								<a>&yen;0</a>
								<span class="text-secondary">&yen;24</span><br />
								<a class="text-light bg-danger w-100 border mt-2" style="">免费阅读</a><br />
								<a class="text-light bg-warning w-100 border" style="">加入书架</a>
							</div>
							</div>
							</div>
					</div>
					<div class="row border">
					 	<div class="col-md-2"><img src="img/xuanhuan.png" height="200px"> </div>
							<div class="col-md-10">
								<div class="row">
									<div class="col-md-10">
								<p>作者：辰东</p>
								<p>主角：石昊</p>
							<p>一粒尘可填海，一根草斩尽日月星辰，弹指间天翻地覆。
								群雄并起，万族林立，诸圣争霸，乱天动地。问苍茫大地，谁主沉浮？！
								一个少年从大荒中走出，一切从这里开始……
							</p>
							</div>
							<div class="col-md-2" id="yuan">
								<a>&yen;0</a>
								<span class="text-secondary">&yen;30</span><br />
								<a class="text-light bg-danger w-100 border mt-2" style="">免费阅读</a><br />
								<a class="text-light bg-warning w-100 border" style="">加入书架</a>
							</div>
							</div>
							</div>
					</div>
					<div class="row border">
					 	<div class="col-md-2"><img src="img/xuanhuan2.png"height="200px" > </div>
							<div class="col-md-10">
								<div class="row">
									<div class="col-md-10">
								<p>作者：辰东</p>
								<p>主角：楚风</p>
							<p>在破败中崛起，在寂灭中复苏。
							沧海成尘，雷电枯竭，那一缕幽雾又一次临近大地，
							世间的枷锁被打开了，一个全新的世界就此揭开神秘的一角……
							</p>
							</div>
							<div class="col-md-2" id="yuan">
								<a>&yen;0</a>
								<span class="text-secondary">&yen;3</span><br />
								<a class="text-light bg-danger w-100 border mt-2" style="">免费阅读</a><br />
								<a class="text-light bg-warning w-100 border" style="">加入书架</a>
							</div>
							</div>
							</div>
					</div>
					
				</div>
					<div class="row border">
					 	<div class="col-md-2"><img src="img/index1.png"height="200px" > </div>
							<div class="col-md-10">
								<div class="row">
									<div class="col-md-10">
								<p>作者：爱潜水的乌贼</p>
								<p>主角：克莱恩·莫雷蒂</p>
							<p>蒸汽与机械的浪潮中，谁能触及非凡？
										历史和黑暗的迷雾里，又是谁在耳语？我从诡秘中醒来，睁眼看见这个世界：
									枪械，大炮，巨舰，飞空艇，差分机；魔药，占卜，诅咒，倒吊人，封印物……光明依旧照耀，
									神秘从未远离，这是一段“愚者”的传说。
							</p>
							</div>
							<div class="col-md-2" id="yuan">
								<a>&yen;0</a>
								<span class="text-secondary">&yen;3</span><br />
								<a class="text-light bg-danger w-100 border mt-2" style="">免费阅读</a><br />
								<a class="text-light bg-warning w-100 border" style="">加入书架</a>
							</div>
							</div>
							</div>
					</div>
					<div class="row border">
					 	<div class="col-md-2"><img src="img/index3.png"height="200px" > </div>
							<div class="col-md-10">
								<div class="row">
									<div class="col-md-10">
								<p>作者：乱</p>
								<p>主角：楚风</p>
							<p>一觉醒来，世界巨变。
										藏匿于西湖下的图腾玄蛇，屹立时如摩天大厦。
										游荡在古都城墙外的亡灵大军，它们只听从皇陵下传出的低语。
										埃及金字塔中的冥王，它和它的部众始终觊觎着东方大地！
										伦敦有着伟大的驯龙世家。
										希腊帕特农圣山上，有神女祈福。
										威尼斯被誉为水系魔法之都。
										奈斯卡巨画从沉睡中苏醒。
										贺兰山风与雨侵蚀出的岩纹，组成一只眼，山脊是眶，数万年来凝视着上苍。
							</p>
							</div>
							<div class="col-md-2" id="yuan">
								<a>&yen;0</a>
								<span class="text-secondary">&yen;3</span><br />
								<a class="text-light bg-danger w-100 border mt-2" style="">免费阅读</a><br />
								<a class="text-light bg-warning w-100 border" style="">加入书架</a>
							</div>
							</div>
							</div>
					</div>
					</div>
					</div>
					<footer class="text-center bg-dark text-light w-100 mt-2">
				<p class="mb-0">阅文集团旗下网站： 起点中文网 起点女生网 QQ阅读 阅文悦读 书单 庆余年专题站  
							关于起点 联系我们 加入我们 帮助与客服 举报中心 漏洞提交</p>
				<p> <span class="text-warning ">起点小说网</span>版权所有</p>
				<img src="img/111.png" />
		</footer>
					
	</body>
</html>
